
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/189/css/snower.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/189/css/common.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/189/css/reset.css" media="all" />
        <link rel="stylesheet" type="text/css" href="{pigcms::RES}/css/189/css/home-64.css" media="all" />
        <script type="text/javascript" src="{pigcms::RES}/css/189/js/maivl.js"></script>
        <script type="text/javascript" src="{pigcms::RES}/css/189/js/jQuery.js"></script>
        <script type="text/javascript" src="{pigcms::RES}/css/189/js/zepto.js"></script>
        <script type="text/javascript" src="{pigcms::RES}/css/189/js/swipe.js"></script>
        <script type="text/javascript" src="{pigcms::RES}/css/189/js/player_min.js"></script>
		<script src="{pigcms::RES}/css/189/js/idangerous.swiper-2.1.min.js" type="text/javascript"></script>
        <title>{pigcms:$tpl.wxname}</title>
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
        <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
        <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type"/>
        <meta content="no-cache,must-revalidate" http-equiv="Cache-Control"/>
        <meta content="no-cache" http-equiv="pragma"/>
        <meta content="telephone=no, address=no" name="format-detection"/>
        <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    </head>
    <body onselectstart="return true;" ondragstart="return false;">
        <!--背景音乐-->
    <if condition="$homeInfo['musicurl'] neq false"><include file="Index:music"/></if>
        <style>
            .body{
                display:block;
                background:url("<if condition="$homeInfo.homeurl neq false">{pigcms:$homeInfo.homeurl}<else/>{pigcms::RES}/css/189/images/v79.jpg</if>") no-repeat center 0;
                background-size:100% 100%;
                padding-top:160px;
                -webkit-box-sizing:border-box;
            }
            .icon{
                width: 30px; height: 30px;
            }
            .icon img{
                width: 30px; height: 30px; border: 0px;
            }
            .list_uls{
                margin: auto;
                width:240px;
                height:240px;
            }

            .list_uls li{
                width:240px;
                height:240px;
                overflow: hidden;
            }

            .list_uls li a{
                display:inline-block;
                height:100px;
                -webkit-box-sizing:border-box;
                background:rgba(58, 121, 126,0.83);
                overflow:hidden;
                font-size:35px;
                color:#fff;
                position:relative;
                float:left;
                width:80px;
                height:80px;
                float:left;
                text-align:center;
            }
            .list_uls li a small{
                display:block;
                font-size:12px;
            }
            .list_uls li a span[class*="icon"]{
                position: absolute;
                top: 10px;
                display: block;
                width: 100%;
                text-align: center;
            }
        </style>
        <script type="text/javascript">
            function editbox(n){
                window.parent.PhotoTextLink({
                    tb:"#BL_wechat_model_model3",
                    img:"img",
                    title:"title",
                    link:"link",
                    num:n,
                    cid:"ebc32f7fd44940ae5c4b037f35770104"
                });
            }
        </script>
        <div class="body">
            <section>
                <script>
                    $(function(){
                        window.swiper_2 = new Swipe(document.getElementById('list_uls'), {
                            speed:500,
                            // auto:3000,
                            callback: function(){
                                var lis = $("#nav_for_list_ul li");
                                lis.removeClass("on").eq(this.index).addClass("on");
                            }
                        });
                    });
                </script>
				
	<script>
	 var mySwiper = new Swiper('.swiper-container',{
    pagination: '.pagination',
    loop:true,
    grabCursor: true,
    paginationClickable: true
  })
  $('.arrow-left').on('click', function(e){
    e.preventDefault()
    mySwiper.swipePrev()
  })
  $('.arrow-right').on('click', function(e){
    e.preventDefault()
    mySwiper.swipeNext()
  })
  </script>
  <script>
	var count = document.getElementById("thelist").getElementsByTagName("img").length;	

	var count2 = document.getElementsByClassName("menuimg").length;
	for(i=0;i<count;i++){
	document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

	}
	document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";

	setInterval(function(){
	myScroll.scrollToPage('next', 0,400,count);
	},3500 );
	window.onresize = function(){ 
	for(i=0;i<count;i++){
	document.getElementById("thelist").getElementsByTagName("img").item(i).style.cssText = " width:"+document.body.clientWidth+"px";

	}
	document.getElementById("scroller").style.cssText = " width:"+document.body.clientWidth*count+"px";
	} 

	</script>
	<div id="leafContainer"></div>
	<style>
 #leafContainer 
{
    position:fixed;
    z-index:2;
width:100%;
    height: 160px;
top:0;
overflow:hidden;
}
 #leafContainer > div 
{
    position: absolute;
    max-width: 100px;
    max-height: 100px;
    -webkit-animation-iteration-count: infinite, infinite;
    -webkit-animation-direction: normal, normal;
    -webkit-animation-timing-function: linear, ease-in;
}

#leafContainer > div > img {
     position: absolute;
     width: 100%;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-direction: alternate;
     -webkit-animation-timing-function: ease-in-out;
     -webkit-transform-origin: 50% -100%;
}

 @-webkit-keyframes fade
{
   
    0%   { opacity: 1; }
    95%  { opacity: 1; }
    100% { opacity: 0; }
}

 @-webkit-keyframes drop
{
       0%   { -webkit-transform: translate(0px, -50px); }
    100% { -webkit-transform: translate(0px, 650px); }
}
 @-webkit-keyframes clockwiseSpin
{
    0%   { -webkit-transform: rotate(-50deg); }
    100% { -webkit-transform: rotate(50deg); }
}
 @-webkit-keyframes counterclockwiseSpinAndFlip 
{
    
    0%   { -webkit-transform: scale(-1, 1) rotate(50deg); }
   
    100% { -webkit-transform: scale(-1, 1) rotate(-50deg); }
}
 </style>
 <style>
.btn_music {
display: inline-block;
width: 35px;
height: 35px;
background: url('{pigcms::RES}/css/189/images/play.png') no-repeat center center;
background-size: 100% auto;
position: fixed;
z-index: 100;
left: 15px;
top: 20px;
}
.btn_music.on {
    background-image: url("{pigcms::RES}/css/189/images/stop.png");
}
</style>
<script src="{pigcms::RES}/css/189/js/audio.js" type="text/javascript"></script>
 
        
<span id="playbox" class="btn_music" onClick="playbox.init(this).play();"><audio src="{pigcms:$homebgmp3}" loop id="audio"></audio></span>
<script>
playbox.init(document.getElementById('playbox')).play();
</script>
                <div id="list_uls" class="list_uls box_swipe">
                    <ul>
					
                        <li><volist name="info" id="vo">
						<?php $xx=count($info); ?>
				        <php>$ii++;</php>
<a href="<if condition="$vo['url'] eq ''">{pigcms::U('Home/Addons/execute?_addons=WeiSite&_controller=WeiSite&_action=lists',array('classid'=>$vo['id'],'token'=>$vo['token']))}<else/>{pigcms:$vo.url|htmlspecialchars_decode}</if>"><label><small>{pigcms:$vo.name}</small></label>
<span class="icon"><img src="{pigcms:$vo.img}" border="0"/></span></a>
<php>if ($ii%9==0 & $ii!=$xx){
                        	echo "</li><li>";
                            }</php>
					</volist></li>
                    </ul></volist>
                </div>
                <ul id="nav_for_list_ul" class="nav_for_list_ul">
                    <li class="on">
</li>
<li>
</li>
                </ul>
                <script type="text/javascript">
                    $("#nav_for_list_ul li").mouseover(function(){
                        var n = $(this).prevAll().length;
                        $("#list_uls li").hide();
                        $("#list_uls li").eq(n).show();
                    });
                </script>
            </section>
        </div>
 <div class="copyright" style="text-align:center;"><if condition="$iscopyright eq 1">{pigcms:$homeInfo.copyright}<else/>{pigcms:$siteCopyright}</if></div>
<include file="Index:styleInclude"/> 
		<script src="{pigcms::RES}/css/189/js/bjdh2.js" type="text/javascript" type="text/javascript"></script>
		
    </body>
</html>